.pxToRem(@p, @px){
    @{p}: @px / 75px * 1rem;
}
.header{
    width:100%;
    .pxToRem(height, 90);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left:0;
    top:0;
    background: #ffffff;
    .left{
        img{
            .pxToRem(width, 20);
            .pxToRem(height, 37);
            .pxToRem(margin-left, 32);
        }
    }
    .center{
        .pxToRem(font-size, 35);
    }

}
.swiper-container{
    .swiper-wrapper{
        .swiper-slide{
            .pxToRem(padding-top, 90);
            img{
                .pxToRem(height, 750);
                width:100%;
            }
        }
    }
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #af50db !important;
}  
.title{
    .pxToRem(height, 150);
    width:100%;
    border-bottom: 1px solid #ececec;
    .p1{
        .pxToRem(margin-left, 30);
        .pxToRem(font-size, 30);
        .pxToRem(margin-top, 30);
        font-weight: bold;
    }
    .p2{
        .pxToRem(margin-left, 30);
        .pxToRem(font-size, 24);
        .pxToRem(margin-top, 34);
        span{
            color: #af50db;
        }
    }
}
.server{
    width:100%;
    .pxToRem(height, 86);
    border-bottom: 1px solid #ececec;
    p{
        .pxToRem(line-height, 86);
        .pxToRem(font-size, 26);
        .pxToRem(margin-left, 30);
        color:#666666;
    }
}
.coloumn{
    width:100%;
    .pxToRem(height, 86);
    border-bottom: 1px solid #ececec;
    p{
        background: url(../img/i_1.png) no-repeat 1px ;
        background-size: 36px;
        background-size: 62px;
        .pxToRem(font-size, 22);
        .pxToRem(padding-left, 15);
        .pxToRem(padding-top, 5);   
        .pxToRem(margin-left, 30);
        .pxToRem(line-height, 86); 
        color:#af50db; 
        span{
            .pxToRem(margin-left, 34);
            color:#666666;
            font-weight: bold;
        }
    }
}
.main{
    width: 100%;
    .pxToRem(height, 610);
    .pxToRem(margin-bottom, 90);
    .p1{
        .pxToRem(margin-top, 38);
        .pxToRem(margin-left, 30);
        .pxToRem(font-size, 24);
        color: #747474;
    }
    .p2{
        .pxToRem(margin-top, -10);
        .pxToRem(margin-left, 30);
        .pxToRem(font-size, 24);
        color: #666666
    }
    .p3{
        .pxToRem(margin-top, -20);
        .pxToRem(margin-left, 30);
        .pxToRem(font-size, 24);
        color: #666666
    }
    img{
        width:92%;
        .pxToRem(height, 440);
        margin-left:4%;
    }
}
.footer{
    width: 100%;
    .pxToRem(height, 90);
    background: #f2f2f2;
    position: fixed;
    left:0;
    bottom:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    img{
        .pxToRem(width, 44);
        .pxToRem(height, 38);
        .pxToRem(margin-left, 52);
    }
    .right{
        .pxToRem(width, 60);
        .pxToRem(height, 60);
        background: #af50db;
        border-radius: 50%;
        .pxToRem(margin-right, 42);
        text-align: center;
        .pxToRem(line-height, 60);
        color:#ffffff;
    }
}